<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>系统名称</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/main.css">
    <script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
</head>

<body class="SE">
    <!-- header-->
    <header>
        <a href="####" class="back"><img src="../image/header-back.png" alt=""></a>
        <span class="title">页面标题</span>
        <div class="opera">
            <a href="####" class="sear"><img src="../image/header-search.png" alt=""></a>
            <a href="####" class="filter">筛选</a>
        </div>
    </header>
    <!-- CTN-->
    <div class="SE CTN">
        主内容区域
    </div>
    <!-- footer-->
    <div class="footer">
        <ul class="cf">
            <li><a href="####"><i class="fa fa-clock-o"></i><b>改约</b></a></li>
            <li><a href="####"><i class="fa fa-fax"></i><b>回单</b></a></li>
            <li><a href="####"><i class="fa fa-undo"></i><b>转派</b></a></li>
            <li><a href="####"><i class="fa fa-envelope"></i><b>汇报</b></a></li>
        </ul>
    </div>
    <!-- jshook,delete it when you know what it is-->
    <div class="JSE"></div>
    <!-- bottom script-->
    <!-- js plugins here-->
    <script type="text/javascript" src="../js/main.js"></script>
</body>

</html>
